.login{
    width: 100%;
    height: 572px;
    background: url(../images/bgi.png);
    .login_list{
        width: 1170px;
        height: 570px;
        margin: 0 auto;
        position: relative;
        .login_box{
            width: 380px;
            height: 456px;
            padding: 40px;
            padding-bottom: 50px;
            display: inline-block;
            text-align: left;
            border: 1px solid #e5e5e5;
            border-radius: 8px;
            background-color: #ffffff;
            right: 0;
            top: 50px;
            position: absolute;
            .box{
                font-size: 12px;
                width: 298px;
                height: 364px;
                h3{
                    width: 298px;
                    height: 22px;
                    font-size: 20px;
                    font-weight: normal;
                    line-height: 22px;
                }
                .phone{
                    width: 298px;
                    height: 41px;
                    border:1px solid #e5e5e5;
                    border-radius: 5px;
                    margin-top: 42px;
                    .m1{
                        float: left;
                        width: 35px;
                        height: 24px;
                        margin-top: 8px;
                        border-right: 1px solid #f5f5f5;
                       background: url(../images/icon_user.png) no-repeat center;
                    }
                    .txt{
                        float: right;
                        width:250px;
                        height: 37px;
                        border:none;
                        padding-left: 11px;
                    }
                }
                .password{
                    width: 298px;
                    height: 40px;
                    margin-top: 20px;
                    border:1px solid #e5e5e5;
                    border-radius: 5px;
                    .m2{
                        float: left;
                        width: 35px;
                        height: 24px;
                        margin-top: 8px;
                        background: url(../images/icon_password2.png) no-repeat center ;
                        border-right: 1px solid #f5f5f5;
                    }
                    .txt2{
                        float: left;
                        width: 118px;
                        height: 36px;
                        border:none;
                        padding-left: 10px;
                    }
                }
                #log{
                    width: 298px;
                    height: 46px;
                    margin-top: 30px;
                    background: #6699cc;
                        border-radius: 5px;
                        color:white;
                    border:none;
                        height: 46px;
                    font-size: 20px;
                    font-weight: 500;
                }
                .ti{
                    margin-top: 14px;
                    width: 298px;
                    height: 13px;
                   
                    .p1{
                        float: left;
                        a{
                            color: #999999;
                        }
                    }
                    .p2{
                        float: right;
                        a{
                            color: #999999;
                        }
                    }
                }
                .shi{
                    margin-top: 40px;
                    width: 235px;
                    height: 70px;
                    margin-left: 33px;
                    border-top: 1px solid #e5e5e5;
                    position: relative;
                    span{
                        position: absolute;
                        top:-9px;
                        left:13px;
                        background-color: white;
                        color: #999999;
                    }
                    .web{
                        margin-top:20px;
                        margin-left: 50px;
                        float: left;
                        width: 34px;
                        height: 50px;
                        dt{
                            width: 34px;
                            height: 28px;

                        }
                        dd{
                            height: 22px;
                            width: 34px;
                            text-align: center;
                            line-height: 22px;
                            a{
                                color:#999999;
                            }
                        }
                    }
                    .qq{
                        margin-top:20px;
                        margin-right: 50px;
                        float: right;
                        width: 34px;
                        height:50px;
                        dt{
                            width: 34px;
                            height: 28px;
                        }
                        dd{
                            height: 22px;
                            width: 34px;
                            text-align: center;
                            line-height: 22px;
                            a{
                                color:#999999;
                            }
                        }
                    }
                }
            }
        }
    }
}